<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>3D相册</title>

  <link rel="stylesheet" href="css/style.css">

</head>

<body>

  <div id="drag-container">
    <div id="spin-container">

      <img src="img/6.jpg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="">
      <img src="img/1.jpg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="">
      <img src="img/2.jpg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="">
      <img src="img/3.jpg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="">
      <img src="img/4.jpg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="">
      <img src="img/5.jpg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="">


      <a target="_blank" href="img/0.jpg">
        <img src="img/0.jpg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="">
      </a>

      <audio controls autoplay="autoplay" loop>
        <source src="img/1.mp3" type="audio/mp3" width="700px">
      </audio>

      <!-- Dòng ch? ? gi?a vòng xoay -->

      <p>
        ❤❤❤阿胡~~~❤❤❤
      </p>

    </div>
    <div id="ground"></div>
  </div>

  <script type="text/javascript" src="js/script.js"></script>
  <script src="http://cdn.staticfile.org/jquery/1.11.1-rc2/jquery.min.js"></script>
  <script type="text/javascript">
    /* 鼠标特效 */
    var a_idx = 0;
    jQuery(document).ready(function ($) {
      $("body").click(function (e) {
        var a = new Array("❤❤阿胡生日快乐呀❤❤", "❤❤阿胡好漂亮❤❤", "❤❤沛琪是个大骗子❤❤", "❤❤阿胡是个大美女❤❤", "❤❤佩奇you bad bad❤❤", "❤❤阿胡是心动阿❤❤", "❤❤沛琪一边去❤❤", "❤❤好喜欢阿胡啊❤❤");
        var $i = $("<span></span>").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
        var x = e.pageX,
          y = e.pageY;
        $i.css({
          "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
          "top": y - 20,
          "left": x,
          "position": "absolute",
          "font-weight": "bold",
          "color": "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + ")"
        });
        $("body").append($i);
        $i.animate({
          "top": y - 180,
          "opacity": 0
        },
          1500,
          function () {
            $i.remove();
          });
      });
    });
  </script>

</body>


</html>